@import "../../wxss/base/_base";
@import "../../wxss/global.scss";
@import "../../wxss/mod/icofont.scss";

page{background: #fff;height: 100%;}

.wrap{height: 100%;
	&.slide{
		.page-detail{-webkit-transform:translateX(80%);overflow: hidden;height: 100%;-webkit-transition: 1s;}
		.side-mask{display: block;}
		.side-tool{-webkit-transform:translateX(0);-webkit-transition: 1s;}
	}
}

.page-detail{padding: 0 38rpx 115rpx;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition: .7s;
}
.detail-box{padding: 50rpx 0 25rpx;
	.detail-tt{font-size: 40rpx;color: #000;padding: 15rpx 0 30rpx;}
	.detail-sub-tt{font-size: 34rpx;color: rgba(0,0,0,.6);padding: 30rpx 0;}
	.txt{font-size: 30rpx;color: rgba(0,0,0,.6);line-height: 1.4;padding: 15rpx 0 25rpx;}
	.place-pic{padding: 5rpx 0;border-radius: 20rpx;}
	.place-pic-txt{font-size: 24rpx;color: #888;padding: 10rpx 0;}
}


.fixed-btm-tool{min-height: 102rpx;position: fixed;width: 100%;left: 0;bottom: 0;@include flex-box;@include vc;background: #fff;text-align: center;border-top: 1px solid #eaeaea;z-index: 20;transform: translateZ(80px);
	.lt{width: 120rpx;}
	.md{width: 0;position: relative;white-space: nowrap;
		&.open{
			.tool-pop{display: block;}
			.tool-item{
				&::before{border-bottom:10rpx solid #999;border-top:0 solid #999;}
			}
		}
	}
	.tool-item{position: relative;font-size: 28rpx;color: #666;display: inline-block;padding-right: 40rpx;
		&::before{content: '';@include triangle-down($size:10rpx,$color:#999);position: absolute;right: 0;top: 50%;left:auto;margin-top: -2rpx;}
	}
	.tool-pop{background: #fff;border: 1px solid #d6d6d6;border-radius: 8rpx;position: absolute;width: 212rpx;text-align: center;font-size: 30rpx;color: rgba(0,0,0,.8);box-shadow: 0 0 2rpx #e7e7e7;bottom: 80rpx;left: 50%;-webkit-transform: translate(-50%, 0);padding: 0 32rpx;-webkit-box-sizing:border-box;box-sizing:border-box;display: none;
		.pop-li{height: 80rpx;line-height: 80rpx;
			& + .pop-li{border-top: 1px solid #d6d6d6;}
		}
	}
}

.side-mask{position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.5);z-index: 35;display: none;}
.side-tool{background: #fff;position:fixed;width: 80%;z-index: 40;left: 0;top: 0;bottom: 0;border-top: 1px solid #f5f5f5;overflow: auto;-webkit-transform:translateX(-100%);-webkit-transition: .7s;
	.side-li{font-size: 28rpx;color: #666;line-height: 108rpx;margin-left: 46rpx;border-bottom: 1px solid #f5f5f5;padding-left: 66rpx;position: relative;
		.iconfont{position:absolute;left: 0;top: 50%;-webkit-transform:translateY(-50%);color: #bbb;font-size: 42rpx;}
	}
}




